{[ template "__start__.html" . ]}
<body>
    <div id="app">
        {[ template "__header__.html" . ]}
        <div class="container-fluid">
            <div class="row">
                {[ template "__menu__.html" . ]}
                <main class="col-md-9 ms-sm-auto col-lg-10 px-md-4">

                    <div class="card" style="width: 38rem;">
                        <ul class="list-group list-group-flush">
                            <li class="list-group-item">用户总数 :<a href="/user" style="font-size: 21px;">  {{ data.user_total }} </a></li>
                            <li class="list-group-item">今日新增用户数 :<a href="/user" style="font-size: 21px;"> {{ data.new_user_to_day_total }} </a></li>
                            <li class="list-group-item">游戏房间数 :<a href="/room" style="font-size: 21px;"> {{ data.room_total }} </a></li>
                            <li class="list-group-item">玩游戏的用户数 :<a href="/room" style="font-size: 21px;"> {{ data.play_total }} </a></li>
                            <li class="list-group-item">安卓游戏版本 : <a href="/conf" style="font-size: 21px;"> {{ data.apk_version }} </a></li>
                            <li class="list-group-item">安卓游戏下载地址 : <a href="/conf" style="font-size: 18px;"> {{ data.apk_download }} </a></li>
                            <li class="list-group-item">IOS游戏版本 : <a href="/conf" style="font-size: 21px;"> {{ data.ios_version }} </a></li>
                            <li class="list-group-item">IOS游戏下载地址 : <a href="/conf" style="font-size: 18px;"> {{ data.ios_download }} </a></li>
                        </ul>
                    </div>

                    {[ template "__toast__.html" . ]}
                </main>
            </div>
        </div>
    </div>
</body>
{[ template "__js__.html" . ]}
<script>
const { createApp, ref } = Vue;
const common = new Utils;
const app = createApp({
    data() {
        return {
            data: {},
        }
    },
    created:function(){
        let t = this;

        t.getData();
    },
    destroyed:function () {
    },
    methods: {
        getData: function () {
            let t = this;
            common.AjaxGet("/admin/home/data", function (resp) {
                console.log(resp);
                t.data = resp.data;
            });
        },
    },
    computed: {
    },
    mounted:function(){
    },
});
app.mount('#app');
</script>
{[ template "__end__.html" . ]}